<style type="text/css">
     .layui-table-cell{
         height: auto!important;
         white-space: normal;
     }
</style>
<div class="layui-tab layui-tab-brief layui-tab-brief-city" style="padding: 0px;border: none;margin-top: 0px;">
  <ul class="layui-tab-title">
    <li class="layui-this">基础设置</li>
    <li>样式设置</li>
  </ul>
  <div class="layui-tab-content" >
    <div class="layui-tab-item layui-show">
		<form id="modelBizLayerForm" lay-filter="modelBizLayerForm" class="layui-form model-form" style="padding: 1px;height: calc(100vh - 160px)">
			<input name="id" type="hidden" id="bizLayerId" value="#(layer?layer.id:'')" />
			<table class="formTable">
				<tr>
					<td>上级</td>
					<td>
						<input id="parentId" type="text" name="parentId"   lay-filter="parentId" autocomplete="off" placeholder="请选择" value="" class="layui-input">
					</td>
				</tr>			
				<tr>
					<td>名称</td>
					<td>
						<input name="name" value="#(layer?layer.name:'')" placeholder="" autocomplete="off" type="text" class="layui-input" maxlength="10" lay-verType="tips"
						 lay-verify="required" required />
					</td>
				</tr>
				<tr>
					<td>标识</td>
					<td>
						<input name="code" value="#(layer?layer.code:'')" placeholder="" maxlength="20" autocomplete="off" type="text" class="layui-input" />
					</td>
				</tr>
				<tr>
					<td>序号:</td>
					<td>
						<input name="sort" value="#(layer?layer.sort:0)" autocomplete="off" placeholder="请输入序号" type="number" class="layui-input" maxlength="20"/>
					</td>
				</tr>
				<tr>
					<td style="text-align: right;" colspan="2">
						<button class="layui-btn  layui-btn-sm layui-btn-orange" lay-filter="submitBizLayerForm" lay-submit>保存</button>
					</td>
				</tr>
			</table>
		</form>    
    </div>
    <div class="layui-tab-item">
	    <div class="layui-tab layui-tab-card" style="padding: 0px;border: none;margin-top: 0px;"  lay-filter="lineStyleTabFilter" >
		  <ul class="layui-tab-title layui-tab-title-city">
		  	<li class="layui-this">默认</li>
		    <li>悬浮</li>
		    <li>选中</li>
		  </ul>
		  <div class="layui-tab-content" >
		  	  <div class="layui-tab-item layui-show">
		  	  <form class="layui-form model-form" style="padding: 1px;">
				<table class="formTable">
					<tr>
						<td>类型</td>
						<td colspan="4">
					      <select name="lineType" lay-filter="lineType"  lay-verify="required" required>
					        <option value="0">静态</option>
					      </select>
						</td>
					</tr>	
				</table>	
			  </form>	  	  
		  	  </div>
		  	  <div class="layui-tab-item">
		  	  <form class="layui-form model-form" style="padding: 1px;">
				<table class="formTable">
					<tr>
						<td>类型</td>
						<td colspan="4">
					      <select name="lineHoverType" lay-filter="lineHoverType"  lay-verify="required" required>
					        <option value="0">静态</option>
					      </select>
						</td>
					</tr>	
				</table>
			  </form>		  	  
		  	  </div>
		  	  <div class="layui-tab-item">
		  	  <form class="layui-form model-form" style="padding: 1px;">
				<table class="formTable">
					<tr>
						<td>类型</td>
						<td colspan="4">
					      <select name="lineSelectType" lay-filter="lineSelectType"  lay-verify="required" required>
					        <option value="0">静态</option>
					      </select>
						</td>
					</tr>	
				</table>		  	  
		  	  </form>
		  	  </div>
		  </div>
	    </div>
    </div>
  </div>
</div> 

<script type="text/html" id="modelBizStyleLineScript">
    <div class="layui-card" style="background: none;">
        <div class="layui-card-body">
			<form id="modelBizStyleLineForm" lay-filter="modelBizStyleLineForm" class="layui-form model-form" style="padding: 1px;">
				<input name="id" type="hidden"  value="#(layer?layer.id:'')" />
				<table class="formTable">
					<tr>
						<td>显示效果</td>
						<td colspan="4" >
					      <select name="materialType" lay-filter="materialType"  lay-verify="required" required>
					        <option value="solid">实线</option>
					        <option value="dash">虚线</option>
					        <option value="outline">轮廓线</option>
					        <option value="glow">光晕线</option>
					        <option value="arrow">箭头</option>
					        <option value="od">流动线</option>
					      </select>
			             </td>
					</tr>
					<tr>
						<td>是否启用</td>
						<td colspan="4">
							<select name="enabled" lay-filter="enabled" >
									<option value="0">否</option>
									<option value="1">是</option>
							</select>
						</td>
					</tr>
					<tr>
						<td>颜色</td>
						<td colspan="4" >
							<input type="hidden" name="color"  id="color-input">
							<div id="color"></div>			      
			            </td>
					</tr>				
					<tr>
						<td>宽度</td>
						<td colspan="4">
			               	<input name="width"  placeholder="请输入宽度" value="3" type="text" class="layui-input" lay-verType="tips" lay-verify="required" required/>
			               </td>              
					</tr>
					<tr>
						<td>贴地</td>
						<td colspan="4" >
					      <select name="clampToGround" lay-filter="clampToGround"  lay-verify="required" required>
					        <option value="0"  >否</option>
					        <option value="1" >是</option>
					      </select>
			               </td>
					</tr>
					<tr>
						<td>闭合</td>
						<td colspan="4" >
					      <select name="loop" lay-filter="loop"  lay-verify="required" required>
					        <option value="0"  >否</option>
					        <option value="1" >是</option>
					      </select>
			            </td>
					</tr>			
			
					<tr id="outlineColor-tr" >
						<td>边线颜色</td>
						<td colspan="4" >
							<input type="hidden" name="outlineColor"  id="outlineColor-input">
							<div id="outlineColor"></div>			      
			               </td>
					</tr>
					<tr id="outlineWidth-tr" >
						<td>边线宽度</td>
						<td colspan="4" >
			               	<input name="outlineWidth" placeholder="请输入宽度" type="text" class="layui-input" lay-verType="tips" />
			               </td>
					</tr>
					
					<tr id="gapColor-tr" >
						<td>间隔颜色</td>
						<td colspan="4" >
							<input type="hidden" name="gapColor" id="gapColor-input">
							<div id="gapColor"></div>		
						</td>
					</tr>			
			
					<tr id="dashLength-tr" >
						<td>间隔距离</td>
						<td colspan="4" >
			               	<input name="dashLength" placeholder="请输入(默认16)" type="text" class="layui-input" lay-verType="tips" />
			               </td>
					</tr>
					<tr id="dashPattern-tr" >
						<td>dashPattern</td>
						<td colspan="4" >
			               	<input name="dashPattern" placeholder="请输入(默认255)" type="text" class="layui-input" lay-verType="tips" />
			            </td>
					</tr>
			
					<tr id="glowPower-tr" >
						<td>发光强度</td>
						<td colspan="4" >
			               	<input name="glowPower"  placeholder="请输入(0~1)" type="text"   class="layui-input" lay-verType="tips" />
			               </td>
					</tr>	
					<tr id="interval-tr" >
						<td>时间间隔</td>
						<td colspan="4">
			               	<input name="interval"  placeholder="请输入间隔距离" value="3" type="text" class="layui-input" lay-verType="tips" />
			               </td>
					</tr>
					<tr id="odMapUrl-tr" >
						<td>贴图</td>
						<td colspan="4">
							<div class="layui-inline" style="padding-right: 10px;margin-right: 0px;">
								<input type="hidden" name="imageUrl" id="imageUrl-input">
								<img id="imageUrl-img" src="#(ctx)/assets/img/position.png" width="100" height="5" style="margin-right: 10px;" />
								<button class="layui-btn layui-btn-sm layui-btn-orange" id="imageUrl-select-btn" >选择</button>
							</div>
			            </td>
					</tr>
					<tr id="animation-tr">
						<td>特效</td>
						<td colspan="4">
					      <select name="effect" lay-filter="effect"  lay-verify="required" required>
					        <option value="0">一</option>
					        <option value="1">二</option>
							<option value="2">三</option>
					      </select>
			            </td>
					</tr>																						
					<tr>
						<td>可视范围</td>
						<td >
			               	<input id="distanceDisplayConditionX" name="distanceDisplayConditionX"  placeholder="请输入x" value="0" type="number" class="layui-input" lay-verType="tips"  />
			            </td>
						<td>
							<button id="minVisualHeightBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">near</button>
						</td>
						<td >
			               	<input id="distanceDisplayConditionY" name="distanceDisplayConditionY" placeholder="请输入y" value="50000" type="number" class="layui-input" lay-verType="tips" />
			            </td> 
						<td>
							<button id="maxVisualHeightBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">far</button>
						</td>               
					</tr>
					<tr>
						<td colspan="5" style="text-align:right;">
							<button class="layui-btn  layui-btn-sm layui-btn-orange" lay-filter="modelSubmitBizStyleLineForm" lay-submit>保存</button>
						</td>
					</tr>
				</table>
			</form> 
		</div>
	</div>
</script>
<script type="text/html" id="modelIconForBizStylePoint"> 
    <div class="layui-card" style="background: none;">
        <div class="layui-card-body table-tool-mini">
            <div class="layui-form toolbar" id="tbToolBar">
                <div class="layui-form-item">
                    <div class="layui-inline" style="float: left;">
						<div class="layui-inline" style="padding-right: 0px;margin-right: 0px;">
							<div class="layui-input-inline mr0">
								<input name="name" class="layui-input" type="text" placeholder="请输入名称"/>
							</div>
						</div>
						<div class="layui-inline" style="padding-right: 0px;margin-right: 0px;">
							<button class="layui-btn layui-btn-sm layui-btn-orange icon-btn" lay-filter="formSubSearchIconForBizStylePoint" lay-submit>
								<i class="layui-icon">&#xe615;</i>查询
							</button>
							<button class="layui-btn layui-btn-sm layui-btn-orange icon-btn" id="uploadIconBtn">
								<i class="layui-icon">&#xe67c;</i>上传
							</button>
						</div>					
					</div>
				</div>
				<table class="layui-table layui-img-table" id="tableIconForBizStylePoint" lay-filter="tableIconForBizStylePoint" style="margin: 1px 0;"></table>
			</div>
		</div>
	</div>
</script>